<template>
	<div class="botton-we">
		<el-row>
			<el-col :span="5">
				<div class="img sdan">
					<!-- <span>咸鱼</span> -->
				</div>
			</el-col>
			<el-col :span="5">
				<div class="img yutang">
					<!-- <span>鱼塘</span> -->
					
				</div>
			</el-col>
			<el-col :span="4">
				<div class="img fabu">
					<!-- <span>发布</span> -->
					
				</div>
			</el-col>
			<el-col :span="5">
				<div class="img xinxi">
					<!-- <span>信息</span>					 -->
				</div>
			</el-col>
			<el-col :span="5">
				<div class="img wode">
					<!-- <span>我的</span> -->
					
				</div>
			</el-col>
		</el-row>
		<el-row >
			<el-col :span="5" class="wew">
				<span>咸鱼</span>
			</el-col>
			<el-col :span="5"  class="wew">
				<span>鱼塘</span>
			</el-col>
			<el-col :span="4"  class="wew">
				<span>发布</span>
			</el-col>
			<el-col :span="5"  class="wew">
				<span>信息</span>
			</el-col>
			<el-col :span="5"  class="wew"> 
				<span>我的</span>				
			</el-col>

		</el-row>
	</div>
</template>
 
<script>
	
	export default {
		  name: 'bottont'	 

    } 

</script>

<style scoped>
	.botton-we{
       position: fixed;
       bottom:  0;
       left: 0;
       width: 100%;
       border-top:1px solid #ccc;  
	    margin-bottom: 10px;
	}
	.img{

       height: 40px;
       width: 40px;
       background-size: 100% ;
       margin: 0 auto;
       margin-top: 10px; 
	}
	/*.img span{
		position: relative;
		margin-top: 50px;
	} */
	.sdan{
		background-image: url('../assets/ic_tabbar_home_nor.png');
	}
	.yutang{
		background-image: url('../assets/ic_tabbar_group_nor.png');
	}
	.fabu{
		width: 80px;
		height: 80px;
		background-image: url('../assets/comui_tab_post.png');		
        /*margin-left:  -30px;*/
		margin-top: -35px;
       background-size: 100% ;		
	}
	.xinxi{
		background-image: url('../assets/ic_tabbar_message_nor.png');
	}
	.wode{
		background-image: url('../assets/ic_tabbar_my_nor.png');
	}
	.wew{
		font-size: 16px;
		/*bottom: 100px;*/
	}
</style>